package com.example.therDays.ui.components.moreInformation


import androidx.compose.foundation.background
import androidx.compose.foundation.horizontalScroll
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp

@Composable
fun AirQuality() {
    Row(modifier = Modifier
        .fillMaxWidth()
        .height(110.dp)
        .clip(RoundedCornerShape(12.dp))
        .background(Color(0xFFFAFAFA))
    ) {
            Column( modifier = Modifier
                .fillMaxHeight()
                .width(100.dp),
                horizontalAlignment = Alignment.CenterHorizontally,
                verticalArrangement = Arrangement.Center
            ) {
                Text(text = "优", style = TextStyle(
                    fontSize = 40.sp
                ), modifier = Modifier.padding(4.dp))
                Text(text = "12", style = TextStyle(
                    fontSize = 18.sp
                ))
            }

        Column(modifier = Modifier
            .fillMaxHeight()
            .fillMaxWidth()
            .padding(10.dp)
        ) {
            Text(text = "今日空气质量", style = TextStyle(
                fontSize = 18.sp
            ), modifier = Modifier.padding(6.dp))
            Text(text = "今日空气质量为优，非常不错，可以正常活动，快去呼吸新鲜空气吧", style = TextStyle(
                fontSize = 12.sp
            ),
            modifier = Modifier.padding(6.dp))

        }
    }
}


